import { Layout, Menu, Breadcrumb } from 'antd'
import '../static/main.css'
const { Header, Footer, Content } = Layout
function FUN(props) {
  //   const tiaoClick = () => {
  //     console.log(props, 'fkjhjfdjdj')
  //     props.history.push('/Dis')
  //   }
  return (
    <div className="Fun">
      <Layout>
        <Header style={{ position: 'fixed', zIndex: 1, width: '100%' }}>
          <div className="logo" />
          <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
            <Menu.Item key="1">没有用 1</Menu.Item>
            <Menu.Item key="2">没有用 2</Menu.Item>
            <Menu.Item key="3">没有用 3</Menu.Item>
          </Menu>
        </Header>
        <Content
          className="site-layout"
          style={{ padding: '0 50px', marginTop: 64 }}
        >
          <Breadcrumb style={{ margin: '16px 0' }}>
            {/* <Breadcrumb.Item>Home</Breadcrumb.Item>
            <Breadcrumb.Item>List</Breadcrumb.Item>
            <Breadcrumb.Item>App</Breadcrumb.Item> */}
          </Breadcrumb>
          <div
            className="site-layout-background"
            style={{ padding: 24, minHeight: 380 }}
          >
            <h1>Dis函数式组件页面</h1>
          </div>
        </Content>
        <Footer style={{ textAlign: 'center' }}>
          Ant Design ©2018 Created by Ant UED
        </Footer>
      </Layout>
      <div>尾部</div>
    </div>
  )
}

export default FUN
